<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>封装余额函数</title>
</head>

<body>
    <script>
        // 1. 运行程序后, 浏览器显示输入确认框(prompt)
        //2. 第一个输入确认框提示输入银行卡余额
        //3. 第二个输入确认框提示输入当月食宿消费金额
        //4. 第三个输入确认框提示输入当月生活消费金额
        //5. 输入完毕后, 在页面中显示银行卡剩余金额
        //6. 提示: 所有功能代码封装在函数内部（函数需要把余额返回）
        let total = +prompt('请输入银行卡余额')
        let food = +prompt('请输入当月食宿消费金额')
        let live = +prompt('请输入当月生活消费金额')
        // 银行卡剩余金额
        let rest = total - food - live

        function getRest(total, food, live, rest) {
            return rest
        }
        let re = getRest(total, food, live, rest)
        document.write(`你的银行卡余额${re}`)





    </script>

</body>

</html>